<div>
  <label for="Notes">
    <span class="text-sm font-medium text-gray-700 dark:text-gray-200"> Notes </span>

    <textarea
      id="Notes"
      class="mt-0.5 w-full resize-none rounded border-gray-300 shadow-sm sm:text-sm dark:border-gray-600 dark:bg-gray-900 dark:text-white"
      rows="4"
    ></textarea>
  </label>

  <div class="mt-1.5 flex items-center justify-end gap-2">
    <button
      type="button"
      class="rounded border border-transparent px-3 py-1.5 text-sm font-medium text-gray-700 transition-colors hover:text-gray-900 dark:text-gray-200 dark:hover:text-white"
    >
      Clear
    </button>

    <button
      type="button"
      class="rounded border border-gray-300 px-3 py-1.5 text-sm font-medium text-gray-900 shadow-sm transition-colors hover:bg-gray-100 dark:border-gray-600 dark:text-white dark:hover:bg-gray-700"
    >
      Save
    </button>
  </div>
</div>
